<template>
	<text :style="{ color: color, backgroundColor: bgcolor }" class="tags">
		{{text}}
	</text>
</template>

<script>
	export default {
		props:{
			text: {
				type: String,
				default: ''
			},
			color: {
				type: String,
				default: '#fff'
			},
			bgcolor: {
				type: String,
				default: '#236EFF'
			},
		},
	}
</script>

<style scoped>
	.tags{
		padding: 5rpx 25rpx;
		height: 38rpx;
		line-height: 38rpx;
		border-radius: 40rpx / 25rpx;
		font-size: 24rpx;
		margin-left: 10rpx;
	}
</style>